.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
body{
	background: #fafafa;
}
.head{
	background: #f84183;
	.px2rem(height, 92);
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	article{
		width: 20%;
		display: flex;
		align-items: center;
		justify-content: center;
		img{
			width: 75%;
		}
	}
	p{
		background: #fff;
		.px2rem(padding-top, 15);
		.px2rem(padding-bottom, 15);
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 50%;
		border-radius: 5px;
		input{
			border:none;
			.px2rem(margin-left, 10);
			outline: none;
			width: 90%;
			.px2rem(font-size, 20);
		}
		img{
			.px2rem(margin-right, 10);
			.px2rem(height, 30);
		}
	}
	a{
		display: flex;
		.px2rem(width, 75);
		.px2rem(height, 75);
		border:2px solid #fff;
		border-radius: 100%;
		.px2rem(font-size, 25);
		align-items: center;
		justify-content: center;
		color: #fff;
		img{
			// width: 100%;
			// height: 80%;
			.px2rem(width, 88);
			.px2rem(height, 85);
		}
	}
	aside{
		.px2rem(width, 88);
		height: 100%;
		background: #a51658;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}
.nav{
	.px2rem(margin-top, 92);
	ul{
		display: flex;
		li{
			display: flex;
			width: 25%;
			align-items: center;
			justify-content: center;
			padding: 20px 0;
			img{
				height: 20px;
			}
			a{
				color: #666666;
				padding-left: 3px;
				font-size: 14px;
			}
		}
		.active{
			a{
				color: #f63175;
			}
		}
	}
}
.banner1{
	aside{
		img{
			width: 100%;
			display: flex;
		}
	}	
	ul{
		display: flex;
		background: #a51658;
		li{
			display: flex;
			align-items: center;
			flex:1;
			justify-content: center;
			padding: 5px 0;
			a{
				color: #fff;
				font-size: 14px;
				padding-left: 5px;
			}
		}
	}
	article{
		background: #fff;
		border-bottom: 1px solid #e4e4e4;
		p{
			padding-left: 20px;
			width: 90%;
		}
		p:first-child{
			color: #666666;
			padding: 15px 0 5px 20px;
		}
		p:last-child{
			color: #959595;
			line-height: 20px;
			font-size: 14px;
			padding: 5px 0 15px 20px;
		}
	}
}
.banner2{
	margin-top: 20px;
	border-top: 1px solid #e4e4e4;
	position: relative;
	.filter{
		position: absolute;
		bottom: -3px;
		right: 8px;
		width: 70px;
		height: 70px;
		border-radius: 100%;
		background: #f9679c;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.filter dl dd{
		color: #fff;
	}
}
// .mengceng{
// 	height: 110%;
// 	width: 100%;
// 	display: none;
// 	position: absolute;
// 	top:0;
// 	left: 0;
// 	.denglu{
// 		background: #fff;
// 		display: flex;
// 		flex-direction: column;
// 		align-items: center;
// 		h4{
// 			padding: 20px 0 10px 0;
// 		}
// 		img{
// 			width: 70%;
// 		}
// 		article{
// 			width: 70%;
// 			background: #f8f8f8;
// 			display: flex;
// 			align-items: center;
// 			margin: 10px 0;
// 			padding: 3px 0;
// 			p{
// 				width: 20%;
// 				text-align: cent
// 			}
// 			input{
// 				border:none;
// 				outline: none;
// 				background: #f8f8f
// 			}
// 		}
// 		aside{
// 			width: 70%;
// 			justify-content: space-between;
// 			display: flex;
// 			align-items: center;
// 			p{
// 				button{
// 					width: 12px;
// 					height: 18px;
// 					border-radius: 100%;
// 					background: #fff;
// 					border:none;
// 					border:3px solid #f84183;
// 					margin-left: 5px;
// 					outline: none;
// 				}
// 			}
// 			span{
// 				font-size: 12px;
// 				color: #959595;
// 				padding-left: 5px;
// 			}
// 			a{
// 				padding-right: 5px;
// 				text-decoration: underline;
// 				font-size: 12px;
// 				color: #f84183;
// 			}
// 		}
// 		button{
// 			margin-top: 10px;
// 			width: 70%;
// 			background: #f84183;
// 			border:none;
// 			color: #fff;
// 			outline: none;
// 			padding: 5px 0;
// 			border-radius: 3px;
// 			margin-bottom: 20px;
// 		}
// 	}
// }
.mengceng{
	height: 100%;
	width: 100%;
	display: none;
	position: fixed;
	top:0;
	left: 0;
	z-index: 9;
	background: #333;
	opacity: 0.7;
}
.denglu{
	background: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.denglu h4{
	padding: 20px 0 10px 0;
}
.denglu>img{
	width: 70%;
}
.denglu article{
	width: 70%;
	background: #f8f8f8;
	display: flex;
	align-items: center;
	margin: 10px 0;
	padding: 3px 0;
}
.denglu article p{
	width: 20%;
	text-align: center;
}
.denglu article input{
	border:none;
	outline: none;
	background: #f8f8f8;

}
.denglu aside{
	width: 70%;
	justify-content: space-between;
	display: flex;
	align-items: center;
}
.denglu aside p button{
	width: 15px;
	height: 15px;
	border-radius: 100%;
	background: #fff;
	border:none;
	border:3px solid #f84183;
	margin-left: 5px;
	outline: none;
}
.denglu aside  span{
	font-size: 12px;
	color: #959595;
	padding-left: 5px;
}
.denglu aside a{
	padding-right: 5px;
	text-decoration: underline;
	font-size: 12px;
	color: #f84183;
}
.denglu>button{
	margin-top: 10px;
	width: 70%;
	background: #f84183;
	border:none;
	color: #fff;
	outline: none;
	padding: 5px 0;
	border-radius: 3px;
	margin-bottom: 20px;
}
.box{
	display: flex;
	justify-content: center;
	position: fixed;
	top: 50%;
	width: 100%;
	z-index: 10;
}
.box1{
	width: 70%;
	display: none;
}

.xinxi_box{
	display: none;
	position: fixed;
	.px2rem(top, 92);
	right: 0;
	background: #fff;
	width: 50%;
	z-index: 200;
}
.xinxi{
	display: flex;
	flex-direction: column;
	// justify-content: center;
	// align-items: center;
}
.xinxi div{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	justify-content: center;
}
.xinxi div div{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	margin-left: 10px;
}
.xinxi div div p{
	display: flex;
	justify-content: flex-start;
}
.xinxi aside{
	// display: flex;
	// justify-content: center;
	text-align: center;
	margin:5px 0;
}
.xinxi aside a{
	text-decoration: underline;
	font-size: 14px;
}
.xinxi div div button{
	border:none;
	background: #f84183;
	color: #fff;
	padding: 5px 5px;
	border-radius: 5px;
	margin-top: 5px;
}


.wangji{
	width: 100%;
	display: flex;
	justify-content: center;
}
.wangji1{
	width: 70%;
	display: none;
	position: fixed;
	top: 50%;
	z-index: 12;
}
.wangji2{
	background: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.wangji2 h4{
	padding: 15px 0 10px 0;
}
.wangji2>img{
	width: 70%;
}
.wangji2 article{
	height: 38px;
	width: 70%;
	background: #f8f8f8;
	display: flex;
	align-items: center;
	margin: 5px 0;
	border-radius: 3px;
}
.wangji2 article p{
	width: 20%;
	text-align: center;
	// padding: 3px 0;
}
.wangji2 article input{
	border:none;
	outline: none;
	background: #f8f8f8;

}
.art3{
	width: 70%;
	display: flex;
	justify-content: space-between;
}
.art3 input{
	width: 50%;
}
.art3 button{
	width: 30%;
	border:none;
	height:38px;
	background: #f84183;
	color: #fff;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	outline: none;
}
.wangji2>button{
	margin-top: 10px;
	width: 70%;
	background: #f84183;
	border:none;
	color: #fff;
	outline: none;
	padding: 5px 0;
	border-radius: 3px;
}
.wangji2 a{
	color: #f84183;
	text-decoration: underline;
	font-size: 14px;
	padding: 10px 0;
}
.list{
	display: none;
	section{
		display: flex;
		justify-content: center;
		background: #a51658;
		position: fixed;
		.px2rem(top, 92);
		width: 100%;
		z-index: 199;
		ul{
			width: 98%;
			li{
				display: flex;
				.px2rem(height, 80);
				align-items: center;
				border-bottom: 1px solid #b74579;
				p{
					flex:1;
					.px2rem(margin-left, 20);
					span{
						color: #ae3f6d;
					}
					span:first-child{
						.px2rem(font-size, 30);
						.px2rem(padding-left, 15);
					}
					span{
						flex:1;
						text-align: center;
					}
				}
				span{
					flex:1;
					text-align: center;
				}
				a{
					flex:1;
					text-align: center;
					color: #fff;
					.px2rem(font-size, 25);
				}
			}
		}
	}
}

.mengceng2{
	width: 100%;
	height: 100%;
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 90;
	background: #fff;
	opacity: 0.7;
}
.ovfHiden{
	overflow: hidden;
	height: 100%;
}